<template>
    <div class="total-container">
        <div class="blue-block"></div>
        <div v-if="isFeeCount">
            <span>
                <span class="label">{{ doctype ? "应收合计" : "应付合计" }}</span>
                <span class="number">{{ totalCount.sumtotalmoney }}</span>
            </span>
            <span>
                <span class="label">销账合计</span>
                <span class="number">{{ totalCount.sumverificationMoney }}</span>
            </span>
            <span>
                <span class="label">{{ doctype ? "待收合计" : "待付合计" }}</span>
                <span class="number">{{ totalCount.unVerificationMoney }}</span>
            </span>
        </div>
        <div v-if="!isFeeCount">
            <span>
                <span class="label">待销合计</span>
                <span class="number">{{ totalCountOfPay.unVerificationMoney }}</span>
            </span>
            <span>
                <span class="label">实际到账</span>
                <span class="number">{{ totalCountOfPay.verificationMoney }}</span>
            </span>
            <span>
                <span class="label">选中合计</span>
                <span class="number">{{ totalCountOfPay.selctficationMoney }}</span>
            </span>
        </div>
    </div>
</template>

<script>
import { defineComponent } from "vue";
export default defineComponent({
    components: {
    },
    props: {
        // 费用合计计算对象
        totalCount: {
            type: Object,
            default: () => {
                return {
                    // 应付合计
                    sumtotalmoney: 0,
                    // 已销金额
                    sumverificationMoney: 0,
                    // 未销金额
                    unVerificationMoney: 0,
                }
            },
        },
        // 应付费用合计对象
        totalCountOfPay: {
            type: Object,
            default: () => {
                return {
                    // 代销 
                    unVerificationMoney: 0,
                    // 实际到账
                    verificationMoney: 0,
                    // 选中合计
                    selctficationMoney: 0,
                }
            }
        },
        //显示应付费用还是费用合计
        isFeeCount: {
            type: Boolean,
            default: true
        },
        // // 收付类型:1 收款,0付款
        doctype: {
            type: Number,
            default: 0
        }
    },
    data() {
        return {

        }
    },
    methods: {

    },
    watch: {

    },

    created() {

    },
});
</script>

<style lang="scss" scoped>
.total-container {
    background-color: #FFFFFF;
    padding: 8px 0;
    position: relative;
    width: 100%;
    // margin-top: 4px;

    .blue-block {
        height: 20px;
        width: 4px;
        background-color: #2867c9;
        position: absolute;
        left: 0;
    }

    .label {
        font-size: 15px;
        line-height: 20px;
        color: #585858;
        font-weight: 600;
        padding-left: 24px;
    }

    .number {
        color: red;
    }
}
</style>
